<template>
    <div v-show="isshow">
        我是子组件 模态框
    </div>
</template>

<script lang='ts' setup>
import { ref } from 'vue';

const isshow = ref(false);

// 点击模态框显示模态框
const openModel = () => {
    isshow.value = true
}

// 在当前的子组件中,需要将子组件的方法抛出,这样才能在父组件中获取到当前子组件的实例,并调用实例上的方法 
defineExpose({
    openModel
})

</script>
<style scoped>

</style>